<%@ page language="java" import="java.util.*"
	contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%
	ArrayList<String> jsPaths = (ArrayList<String>) request
			.getAttribute("jsPaths");
	jsPaths.add("/resources/bootstrap/table/jquery.dataTables.min.js");
	jsPaths.add("/resources/bootstrap/table/dataTables.bootstrap.js");
	jsPaths.add("/resources/custom/dataHeatMonitor/dataHeatMonitor.js");
	jsPaths.add("/resources/bootstrap/datePicker/moment.min.js");
	jsPaths.add("/resources/bootstrap/datePicker/bootstrap-datetimepicker.min.js");
	jsPaths.add("/resources/bootstrap/datePicker/bootstrap-datetimepicker.zh-CN.js");
	jsPaths.add("/resources/bootstrap/dynatree/jquery-ui.custom.js");
	jsPaths.add("/resources/bootstrap/dynatree/jquery.cookie.js");
	jsPaths.add("/resources/bootstrap/dynatree/jquery.dynatree.js");
%>
<div class="panel-group" id="accordion">
	<div class="panel panel-default">
		<div class="panel-heading">
			<h4 class="panel-title">
				<div data-toggle="collapse" data-toggle="collapse"
					data-parent="#accordion" href="#collapseOne"
					style="cursor: pointer;">
					<img alt=""
						src="${pageContext.request.contextPath}/resources/bootstrap/custom/search.png">
					&nbsp;搜索项目<span class="glyphicon glyphicon-chevron-down pull-right"
						id="arrow"></span>
				</div>
			</h4>
		</div>
		<div id="collapseOne" class="panel-collapse collapse">
			<div class="panel-body">
				<form role="form">
					<div class='row'>
						<div class="form-group col-sm-6">
							<label for="searchProjectName" class="col-sm-3 control-label">项目名称:</label>
							<div class="col-sm-9" id="treeFather">
								<input type='hidden' id="searchProjectId" name="searchProjectId">
								<div class='row'>
									<input class='form-control col-sm-12' id="searchProjectName"
										name="searchProjectName" placeholder="项目名称">
								</div>
								<div class='row'>
									<div id="tree" class="panel panel-primary tree"></div>
								</div>
							</div>
						</div>
						<div class="form-group col-sm-6">
							<label for="searchDeviceKey" class="col-sm-4 control-label">设备标识:</label>
							<div class="col-sm-8">
								<input name="searchDeviceKey" id="searchDeviceKey"
									class="form-control" placeholder="设备标识">
							</div>
						</div>
					</div>
					<div class="row">
						<div class="form-group col-sm-4">
							<label for="searchBuilding" class="col-sm-4 control-label">楼号:</label>
							<div class="col-sm-8">
								<input name="searchBuilding" id="searchBuilding"
									class="form-control" placeholder="楼号">
							</div>
						</div>
						<div class="form-group col-sm-4">
							<label for="searchDoor" class="col-sm-4 control-label">门号:</label>
							<div class="col-sm-8">
								<input name="searchDoor" id="searchDoor" class="form-control"
									placeholder="门号">
							</div>
						</div>
						<div class="form-group col-sm-4">
							<label for="searchUser" class="col-sm-4 control-label">户号:</label>
							<div class="col-sm-8">
								<input name="searchUser" id="searchUser" class="form-control"
									placeholder="户号">
							</div>
						</div>
					</div>
					<div class='row'>
						<div class="form-group col-sm-4">
							<label for="searchStart" class="col-sm-4 control-label">开始时间:</label>
							<div class="col-sm-8" id="startTimePicker">
								<input name="searchStart" id="searchStart" class="form-control"
									placeholder="开始时间">
							</div>
						</div>
						<div class="form-group col-sm-4">
							<label for="searchEnd" class="col-sm-4 control-label">结束时间:</label>
							<div class="col-sm-8" id="endTimePicker">
								<input name="searchEnd" id="searchEnd" class="form-control"
									placeholder="结束时间">
							</div>
						</div>
					</div>
				</form>
			</div>
		</div>
	</div>
</div>
<div class="table-responsive">
	<table id="data"
		class="table table-striped table-bordered table-hover display"
		cellspacing="0" width="100%">
		<thead>
			<tr>
				<th></th>
				<th>项目名称</th>
				<th>设备标识</th>
				<th>楼</th>
				<th>门</th>
				<th>户</th>
				<th>累计费用</th>
				<th>时间</th>
				<th></th>
				<th></th>
			</tr>
		</thead>
	</table>
</div>